<template>
  <div id="app4">
    <div class="box clearfix">
      <div class="left">
        <ul class="clearfix">
          <li>集团要闻</li>
          <li>产业新闻</li>
          <li>媒体关注</li>
        </ul>
        <p>恒大汽车呼之欲出</p>
        <div>
          备受市场关注的恒大汽车，何时能实现量产？近日，恒大新能源汽车集团总裁刘永灼在接受本报记者采访时表示，预计今年底，恒驰汽车将全面启动试生产，明年大规模交付，到2025年要实现年产销超100万辆，2035年实现年产销超500...
          <span>详细内容 >></span>
        </div>
      </div>
      <div class="right">
        <img src="../assets/1.png" alt="" />
      </div>
    </div>
    <div class="foot">
      <div class="footer">
        <div class="left">
          <p class="test1">港交所上市企业中国恒大（03333.HK）</p>
          <p>
            <span class="test2">1.600</span>
            <span class="test3">1.600 (3.23%)</span>
          </p>
        </div>
        <div class="right">
          <p class="test4">恒大集团©版权所有 Evergrande Group</p>
          <p class="test5">
            备案号：粤ICP备09102163号 法律声明 邮箱登录 联系我们 技术支持
          </p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  props: [],
  data() {
    return {};
  },
  components: {},
  computed: {},
  beforeMount() {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang='less' scoped>
.clearfix::after {
  clear: both;
  display: block;
  content: "";
}
#app4 {
  margin-top: 40px;
  .box {
    width: 1200px;
    margin: 0 auto;
    .left {
      float: left;
      ul {
        li {
          float: left;
          font-weight: bold;
          font-size: 13px;
          // line-height: 12px;
          padding: 0px 10px;
          color: #595959;
        }
      }
      p {
        padding-left: 10px;
        font-weight: bold;
        font-size: 18px;
        color: #404040;
        margin-top: 20px;
      }
      div {
        margin-top: 20px;
        padding-left: 10px;
        width: 373px;
        line-height: 23px;
        box-sizing: border-box;
        font-size: 12px;
        color: #535353;
        span {
          color: red;
          font-weight: bold;
        }
      }
    }
    .right {
      float: left;
      margin-left: 20px;
    }
  }
  .foot {
    margin-top: 10px;
    height: 190px;
    background-color: #f5eedc;
    .footer {
      width: 1200px;
      box-sizing: border-box;
      padding-top: 15px;
      margin: 0 auto;
      .left {
        float: left;
        .test1 {
          color: #6b4430;
          font-size: 12px;
        }
        .test2 {
          font-size: 24px;
          font-weight: 200;
          color: #3f3830;
        }
        .test3 {
          margin-left: 10px;
          font-size: 20px;
          font-weight: 300;
          color: #ff0011;
        }
      }
      .right {
        float: right;
        .test4 {
          font-size: 13px;
          font-weight: bold;
          color: #8e8e8e;
          text-align: right;
        }
        .test5 {
          font-size: 13px;
          font-weight: bold;
          color: #8e8e8e;
          text-align: right;
        }
      }
    }
  }
}
</style>